<div class="row--25-25-50 grid-demo">
  <div class="col">
    <h4>25/25/50 split</h4>
  </div>
  <div class="col">
    <p>Use 25/25/50 split on section with 3 columns where 2 columns have less content than the last large column.</p>
  </div>
  <div class="col">
    <p>On medium screens it becomes 2 rows of 50/50 + 100 split.</p>
    <p>To achieve that use <code>row--25-25-50</code> class name on the row and <code>col</code> on the column.</p>
  </div>
</div>
